import React, { Component } from 'react'

export default class ComE extends Component {
    constructor(){
        super();
        this.state = {
            hobby: 'eat'
        }
    }
    render() {
        console.log('ComE',this.props);
        // this.props.arr = [666]  // 报错无法修改只读属性
        // this.props.arr.push(5)
        // read only property  只读属性
        console.log(this.props.arr);
        let {job,name,age,arr} = this.props
        return (
            <div>
                {/* state和props的区别: 1.props是传入的数据 state是构造函数中自己的数据; 2.props中的数据不能修改,  state中的数据可以通过setState函数修改 */}
                <p>我是ComD 的子组件, 我的年龄是{this.props.age}, 我的名字是{this.props.name}</p>
                <p>{job}</p>
                <p>{arr}</p>
                <button onClick={(e) => this.props.fn(this.state.hobby,e)}>子传父</button>
            </div>
        )
    }
}

